@charset "utf-8";





/**
| -----------------------------------------------------------------
| cisco-banner
| -----------------------------------------------------------------
*/
.cisco-banner {
	display: block;
	clear: both;
	color: #fff;
	border-bottom: 1px solid #5172a2;
	box-shadow: 0px 0px 5px 0px #909a9f;
	background-color: #2e4b8b;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5172a2), to(#2e4b8b));
	background: -webkit-linear-gradient(top, #5172a2, #2e4b8b);
	background: -moz-linear-gradient(top, #5172a2, #2e4b8b);
	background: -ms-linear-gradient(top, #5172a2, #2e4b8b);
	background: -o-linear-gradient(top, #5172a2, #2e4b8b);
}





/**
| -----------------------------------------------------------------
| cisco-banner → logotype
| -----------------------------------------------------------------
*/

/** - Screens larger than 1024px - */
@media only screen and (min-width: 1024px ) {
	.cisco-banner .logotype {
		display: inline-block;
		float: left;
		width: 256px;
		height: 75px;
		background-image: url('../img/lgo/lgo.logotype.png');
		background-position: 0% 50%;
		background-repeat: no-repeat;
	}
}

/** - Screens less than 960px and larger than 1023px - */
@media only screen and (min-width: 960px) and (max-width: 1023px) {
	.cisco-banner .logotype {
		display: block;
		float: left;
		width: 100%;
		height: 75px;
		background-image: url('../img/lgo/lgo.logotype.png');
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}
}

/** - Screens less than 950px - */
@media only screen and (max-width: 959px) {
	.cisco-banner .logotype {
		display: block;
		float: none;
		width: 100%;
		height: 75px;
		background-image: url('../img/lgo/lgo.logotype.png');
		background-position: 50% 50%;
		background-repeat: no-repeat;
		margin-bottom: 10px;
	}
}





/**
| -----------------------------------------------------------------
| cisco-banner → middle-banner
| -----------------------------------------------------------------
*/

/** - Screens larger than 1024px - */
@media only screen and (min-width: 1024px ) {
	.cisco-banner .middle-banner {
		display: inline-block;
		float: left;
		width: 512px;
	}
	
	.cisco-banner .middle-banner h1 {
		display: block;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 20px;
		font-weight: normal;
		line-height: 26px;
	}
	
	.cisco-banner .middle-banner .menu-mobile {
		display: none;
	}
	
	.cisco-banner .middle-banner .menu {
		display: block;
		clear: both;
		padding-top: 11px;
	}
	
	.cisco-banner .middle-banner .menu .menu-item {
		display: inline-block;
		float: left;
	}
	
	.cisco-banner .middle-banner .menu .menu-item .item-lnk {
		display: inline-block;
		text-decoration: none;
		font-size: 10px;
		font-weight: bold;
		color: #fff;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 26px;
		padding-right: 26px;
	}
	
	.cisco-banner .middle-banner .menu .menu-item .item-list {
		display: inline-block;
		position: relative;
		top: 26px;
		float: left;
		height: 1px;
		width: 1px;
		overflow: visible;
		border-top: 1px solid transparent;
	}
	
	.cisco-banner .middle-banner .menu .menu-item .item-list .list-items {
		display: inline-block;
		float: left;
		width: 200px;
		background-color: #fff;
		z-index: 900;
		border-bottom: 1px solid #f0f0f0;
	}
	
	.cisco-banner .middle-banner .menu .menu-item .item-list .list-items a {
		display: block;
		text-decoration: none;
		color: #808a8f;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

/** - Screens less than 960px and larger than 1023px - */
@media only screen and (min-width: 960px) and (max-width: 1023px) {
	.cisco-banner .middle-banner {
		display: block;
		float: left;
		width: 100%;
		text-align: center;
	}
	
	.cisco-banner .middle-banner h1 {
		display: block;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 20px;
		font-weight: normal;
		line-height: 26px;
		text-align: center;
	}
	
	.cisco-banner .middle-banner .menu-mobile {
		display: none;
	}
	
	.cisco-banner .middle-banner .menu {
		display: block;
		clear: both;
		padding-top: 11px;
		text-align: center;
	}
	
	.cisco-banner .middle-banner .menu .menu-item {
		display: inline-block;
	}
	
	.cisco-banner .middle-banner .menu .menu-item .item-lnk {
		display: inline-block;
		text-decoration: none;
		font-size: 10px;
		font-weight: bold;
		color: #fff;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 26px;
		padding-right: 26px;
	}
	
	.cisco-banner .middle-banner .menu .menu-item .item-list {
		display: none;
		position: relative;
		top: 28px;
		float: left;
		height: 1px;
		width: 1px;
		overflow: visible;
		border-top: 1px solid transparent;
	}
	
	.cisco-banner .middle-banner .menu .menu-item .item-list .list-items {
		display: inline-block;
		float: left;
		width: 200px;
		background-color: #fff;
		z-index: 900;
		border-bottom: 1px solid #f0f0f0;
	}
	
	.cisco-banner .middle-banner .menu .menu-item .item-list .list-items a {
		display: block;
		text-decoration: none;
		color: #808a8f;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
}

/** - Screens less than 950px - */
@media only screen and (max-width: 959px) {
	.cisco-banner .middle-banner {
		display: block;
		float: left;
		width: 100%;
		text-align: center;
	}
	
	.cisco-banner .middle-banner h1 {
		display: block;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 16px;
		font-weight: normal;
		line-height: 20px;
		text-align: center;
	}
	
	.cisco-banner .middle-banner .menu-mobile {
		display: inline-block;
		width: 256px;
		background-color: #fff;
		margin-bottom: 8px;
		text-indent: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.cisco-banner .middle-banner .menu-mobile optgroup {
		text-indent: 5px;
	}
	
	.cisco-banner .middle-banner .menu-mobile optgroup option {
		text-indent: 10px;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 3px;
		padding-right: 3px;
	}
	
	.cisco-banner .middle-banner .menu {
		display: none;
	}
}





/**
| -----------------------------------------------------------------
| cisco-banner → page-options
| -----------------------------------------------------------------
*/

/** - Screens larger than 1024px - */
@media only screen and (min-width: 1024px ) {
	.cisco-banner .page-options {
		display: inline-block;
		float: left;
		width: 256px;
		height: 75px;
	}
	
	.cisco-banner .page-options .options-lnks {
		display: block;
		clear: both;
		text-align: center;
		padding-bottom: 5px;
	}
	
	.cisco-banner .page-options .options-lnks a {
		display: inline-block;
		text-decoration: none;
		font-size: 9px;
		color: #fff;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.cisco-banner .page-options .options-field {
		display: block;
		clear: both;
		margin-top: 10px;
	}
	
	.cisco-banner .page-options .options-field .field-ftext {
		display: inline-block;
		width: 200px;
		float: left;
		height: 23px;
		background-image: url('../img/bgs/bgs.fields.png');
		border-top-left-radius: 2px;
		border-bottom-left-radius: 2px;
	}
	
	.cisco-banner .page-options .options-field .field-ftext .ftext {
		display: block;
		width: 200px;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 3px;
		padding-right: 3px;
		font-size: 10px;
		color: #fff;
	}
	
	.cisco-banner .page-options .options-field .field-lnk {
		display: inline-block;
		width: 32px;
		height: 23px;
		float: left;
		background-image: url('../img/bgs/bgs.fields.png');
		border-top-right-radius: 2px;
		border-bottom-right-radius: 2px;
	}
	
	.cisco-banner .page-options .options-field .field-lnk span {
		display: inline-block;
		width: 32px;
		height: 23px;
		float: left;
		background-image: url('../img/ico/16/ico.zoom.png');
		background-repeat: no-repeat;
		background-position: 50% 50%;
		border-top-right-radius: 2px;
		border-bottom-right-radius: 2px;
	}
}

/** - Screens less than 960px and larger than 1023px - */
@media only screen and (min-width: 960px) and (max-width: 1023px) {
	.cisco-banner .page-options {
		display: inline-block;
		width: 100%;
		margin-top: 20px;
		height: 65px;
		text-align: center;
	}
	
	.cisco-banner .page-options .options-lnks {
		display: block;
		clear: both;
		text-align: center;
		padding-bottom: 5px;
	}
	
	.cisco-banner .page-options .options-lnks a {
		display: inline-block;
		text-decoration: none;
		font-size: 9px;
		color: #fff;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.cisco-banner .page-options .options-field {
		display: block;
		clear: both;
	}
	
	.cisco-banner .page-options .options-field .field-ftext {
		display: inline-block;
		width: 200px;
		background: url('../img/bgs/bgs.fields.png'), url('../img/ico/16/ico.zoom.png') no-repeat 98% 50%;
		border-radius: 2px;
	}
	
	.cisco-banner .page-options .options-field .field-ftext .ftext {
		display: block;
		width: 200px;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 3px;
		padding-right: 3px;
		font-size: 10px;
		color: #fff;
	}
	
	.cisco-banner .page-options .options-field .field-lnk {
		display: none;
		width: 32px;
		height: 23px;
		background-image: url('../img/bgs/bgs.fields.png');
		border-top-right-radius: 2px;
		border-bottom-right-radius: 2px;
	}
	
	.cisco-banner .page-options .options-field .field-lnk span {
		display: inline-block;
		width: 32px;
		height: 23px;
		background-image: url('../img/ico/16/ico.zoom.png');
		background-repeat: no-repeat;
		background-position: 50% 50%;
		border-top-right-radius: 2px;
		border-bottom-right-radius: 2px;
	}
}

/** - Screens less than 950px - */
@media only screen and (max-width: 959px) {
	.cisco-banner .page-options {
		display: inline-block;
		width: 100%;
		margin-top: 20px;
		height: 65px;
		text-align: center;
	}
	
	.cisco-banner .page-options .options-lnks {
		display: block;
		clear: both;
		text-align: center;
		padding-bottom: 5px;
	}
	
	.cisco-banner .page-options .options-lnks a {
		display: inline-block;
		text-decoration: none;
		font-size: 9px;
		color: #fff;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.cisco-banner .page-options .options-field {
		display: block;
		clear: both;
	}
	
	.cisco-banner .page-options .options-field .field-ftext {
		display: inline-block;
		width: 200px;
		background: url('../img/bgs/bgs.fields.png'), url('../img/ico/16/ico.zoom.png') no-repeat 98% 50%;
		border-radius: 2px;
	}
	
	.cisco-banner .page-options .options-field .field-ftext .ftext {
		display: block;
		width: 200px;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 3px;
		padding-right: 3px;
		font-size: 10px;
		color: #fff;
	}
	
	.cisco-banner .page-options .options-field .field-lnk {
		display: none;
		width: 32px;
		height: 23px;
		background-image: url('../img/bgs/bgs.fields.png');
		border-top-right-radius: 2px;
		border-bottom-right-radius: 2px;
	}
	
	.cisco-banner .page-options .options-field .field-lnk span {
		display: inline-block;
		width: 32px;
		height: 23px;
		background-image: url('../img/ico/16/ico.zoom.png');
		background-repeat: no-repeat;
		background-position: 50% 50%;
		border-top-right-radius: 2px;
		border-bottom-right-radius: 2px;
	}
}